import React from 'react';
import { Avatar, Divider } from 'antd'
import { GithubOutlined, QqOutlined, WechatOutlined } from '@ant-design/icons'
import style from '../styles/components/author.module.css'

const Author = () => {
    return (
        <div className={`${style.author_div} comm_box`}>
            <div> <Avatar size={100} src='https://portrait.gitee.com/uploads/avatars/user/738/2215872_ChengTransition_1578968888.png!avatar200' /></div>
            <div className={style.author_introduction}>
                <div className={style.name}>Author</div>
                <div>React Hooks + Egg.js</div>
                <Divider>社交账号</Divider>
                <Avatar size={28} icon={<GithubOutlined />} style={{ backgroundColor: '#999999' }} className={style.account} />
                <Avatar size={28} icon={<QqOutlined />} style={{ backgroundColor: '#1890ff' }} className={style.account} />
                <Avatar size={28} icon={<WechatOutlined />} style={{ backgroundColor: '#65DA79' }} className={style.account} />
            </div>
        </div>
    )
}

export default Author